<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>Zero Room</title>
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/animate.min.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="./scss/indexScss.css">
  <script src="js/jquery.slim.min.js"></script>
  <script src="./js/swiper.min.js"></script>
  <script src="./js/swiper.animate.min.js"></script>
  <script src="./js/wow.min.js"></script>
  <script src="./js/index.js"></script>
</head>
<body>
  <div id="app">
    <!-- 导航模块 -->
			<div class="nav-in medder">
				<div class="nav-center">
					<div class="nav-left fl">
						<a href="javascript:;">
							<img src="./images/LOGO.png" alt="">
						</a>
					</div>
					<div class="nav-right fr">
						<ul>
							<li><a href="javascript:;">团队介绍</a></li>
							<li><a href="javascript:;">团队核心</a></li>
							<li><a href="javascript:;">团队成员</a></li>
							<li><a href="javascript:;">团队项目</a></li>
							<li><a href="javascript:;">联系我们</a></li>
							<li><a href="javascript:;">发展方向</a></li>
						</ul>
					</div>
				</div>
			</div>
    <!-- 欢迎模板 -->
    <div class="hero-top">
      <div class="hero">
        <div class="hero-in">
          <p>零号工作室<span>欢迎你</span></p>
          <p id="text"></p>
        </div>
      </div>
    </div>
    <!-- 课程体系结构页面 -->
    <div class="intro medder">
      <p>团队介绍</p>
    </div>
    <!-- 内容模块 -->
    <div class="texts-center clearfix">
      <div class="texts-left fl">
				<img src="./images/bg1.png" alt="">
			</div>
      <div class="texts-right fr">
        <div class="swiper">
          <div class="swiper-wrapper">
              <div class="swiper-slide">
								<div class="text-bg1">团队历史</div>
								<p>零号工作室是一支英国剑桥大学硕士领衔并参与教学研发和监管的纯海归语言培训团队。开设托福、雅思、GRE、GMAT、生存英语等多项语言培训课程。</p>
								<br>
								<p>零号工作室所有中国及外籍教师均持有剑桥大学教师资格证、TEFEL、TKT，教学团队平均一线教学经验超过 6 年。</p>
							</div>
              <div class="swiper-slide">
								<div class="text-bg1">团队发展</div>
								<p>零号工作室老师拥有多年的中外企，国家机关团训、及翻译经验，为希尔顿集团、省中青国旅、泰国外交部、中国科技部等多家国内外大型知名企事业单位提供了优质的团培课程及语言服务。</p>
								<br>
								<p>零号工作室是与华中科技大学国际教育学院官方合作的学术团队。 6 年。</p>
							</div>
          </div>
        </div>
      </div>
    </div>
    <!-- 作品展示 -->
    <div class="intro medder">
      <p style="font-size: 23px;">作品展示</p>
    </div>
    <div class="portfolio medder">
      <ul class="clearfix">
        <li class="nj slideInDown" data-wow-offset="300">
          <div class="head">
            <img src="./images/gameImg/wzry.webp" alt="">
          </div>
          <h2>王者荣耀</h2>
          <p>2015年零号工作室发行的MOBA手游</p>
        </li>
        <li class="nj slideInDown " data-wow-offset="300" data-wow-delay=".5s";>
          <div class="head">
            <img src="./images/gameImg/jdqs.webp" alt="">
          </div>
          <h2>和平精英</h2>
          <p>2019年零号工作室自研打造的反恐军事竞赛体验类型国产手游</p>
        </li> 
        <li class="nj slideInDown" data-wow-offset="300" data-wow-delay="1s">
          <div class="head">
            <img src="./images/gameImg/ddz.webp" alt="">
          </div>
          <h2>欢乐斗地主</h2>
          <p>2008年发布的零号工作室移动游戏平台的首款实时对战棋牌手游</p>
        </li> 
        <li>
          <div class="head">
            <img src="./images/gameImg/GTA5.webp" alt="">
          </div>
          <h2>侠盗猎车手</h2>
          <p>《侠盗猎车手》是由零号工作室开发的以犯罪为主题的世界著名游戏</p>
        </li> 
        <li>
          <div class="head">
            <img src="./images/gameImg/hydpk2.webp" alt="">
          </div>
          <h2>荒野大镖客2</h2>
          <p>零号工作室发行的一款以美国西部拓荒史为题材的动作冒险类开放世界游戏</p>
        </li> 
        <li>
          <div class="head">
            <img src="./images/gameImg/2077.webp" alt="">
          </div>
          <h2>赛博朋克2077</h2>
          <p>是一款由零号工作室开发的动作角色类游戏，故事发生在夜之城，权力更迭和身体改造是这里不变的主题</p>
        </li>
      </ul>
      <div style="width: 100%;height: 435px;"></div>
      <ol>
        <li class="block"></li>
        <li></li>
      </ol>
    </div>
		<!-- 团队成员 -->
		<div class="team medder">
			<div></div>
			<h2 style="font-size: 23px;">团队成员</h2>
  		<div class="swiper-container">
  		  <div class="swiper-wrapper people">
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/xnn.jpg" alt="">
						</div>
						<h3 class="name">谢南宁</h3>
						<p>
							工作组负责人
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/cjsm.png" alt="">
						</div>
						<h3 class="name">成吉思米</h3>
						<p>
							前端组组长
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/lyq.png" alt="">
						</div>
						<h3 class="name">雷勇权</h3>
						<p>
							工作室室长
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/wys.png" alt="">
						</div>
						<h3 class="name">王勇声</h3>
						<p>
							前端组组员
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/shf.png" alt="">
						</div>
						<h3 class="name">舒化烽</h3>
						<p>
							前端组组员
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/gwj.png" alt="">
						</div>
						<h3 class="name">郭文杰</h3>
						<p>
							前端组组员
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/qx.png" alt="">
						</div>
						<h3 class="name">漆祥</h3>
						<p>
							前端组组员
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/lmj.png" alt="">
						</div>
						<h3 class="name">赖木金</h3>
						<p>
							后端组组员
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
					
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/jsn.png" alt="">
						</div>
						<h3 class="name">江胜南</h3>
						<p>
							前端组组员
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  		    <div class="swiper-slide">
						<div class="avatar">
							<img src="./images/avatar/hjh.png" alt="">
						</div>
						<h3 class="name">花京虎</h3>
						<p>
							后端组组长
							<br>
							技术栈：
							<br>
							能力:
						</p>
					</div>
  			</div>
  		</div>
		</div>
		<!-- 联系我们 -->
		<div class="connect medder">
			<div style="height: 50px;"></div>
			<h2 style="font-size: 23px;">联系我们</h2>
			<div class="connectBox">
				<div>
					<img src="./images/icon/dianhua.png" alt="">
					<span>电话</span>
					<hr>
					<p>17150302648</p>
				</div>
				<div>
					<img src="./images/icon/dizhiguanli.png" alt="">
					<span>地址</span>
					<hr>
					<p>江西新华电脑学院</p>
				</div>
				<div>
					<img src="./images/icon/youxiang.png" alt="">
					<span>邮箱</span>
					<hr>
					<p>admin@plusembed.com</p>
				</div>
			</div>
			<div class="fhdb">
				<img src="./images/icon/xiangshangjiantou.png" alt="">
			</div>
		</div>
		<!-- 底部 -->
		<div class="bottom">
			<div class="bottom-box medder">
				<div class="l"> @2022  版权所有 零号工作室</div>
				<div class="r"> Designed & Developed by </div>
			</div>
		</div>
  </div>
</body>
</html>